<template>
	<view>
		<view class="tielop">
			<image :src="icon.icon"></image>
			<text>{{icon.tite}}</text>
		</view>
		
	</view>
</template>

<script>
	export default {
		name:"title",
		props:['icon'],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped>
.tielop{
	height: 100rpx;
	line-height: 100rpx;
	padding: 0 20rpx;
	background: #fff;
}
image{
	width: 30rpx;
	height: 30rpx;
	/* vertical-align: middle; */
}
text{
	margin-left: 20rpx;
	font-size: 40rpx;
	font-weight: 600;
}
</style>
